/**
 * Vue应用程序入口文件
 * 
 * 这是整个Vue应用的启动文件，负责创建Vue实例并挂载到DOM上
 * 所有的应用初始化逻辑都应该在这里完成
 */

// 以下是注释掉的原始代码，展示了标准的Vue应用启动方式
// import Vue from 'vue'
// import App from './App.vue'
// Vue.config.productionTip = false
// new Vue({
//   render: h => h(App),
// }).$mount('#app')

// 导入Vue构造函数，这是Vue.js的核心
import Vue from "vue";

// 导入根组件App，注意这里省略了.vue扩展名
// webpack会自动解析.vue文件
import App from "./App";

// 关闭Vue在生产环境下的提示信息
// 设置为false可以减少控制台输出，提升性能
Vue.config.productionTip = false;

// 禁用ESLint的no-new规则，因为我们需要创建Vue实例但不赋值给变量
/* eslint-disable no-new */

// 创建Vue实例并挂载到DOM
new Vue({
  // render函数用于渲染组件
  // h是createElement函数的别名，用于创建虚拟DOM节点
  // 这里将App组件作为根组件进行渲染
  render: (h) => h(App),
  
  // $mount方法将Vue实例挂载到指定的DOM元素上
  // "#app"对应public/index.html中id为"app"的div元素
}).$mount("#app");

// 应用启动流程：
// 1. 创建Vue实例
// 2. 使用render函数渲染App组件
// 3. 将渲染结果挂载到#app元素上
// 4. Vue开始响应式数据绑定和组件生命周期管理
